.fancyBox
{
	display: inline-block;
	position: relative;
	
	width: 200px;
	height: 200px;
	
	margin-right: 30px;
	
	overflow: hidden;
	
	border-radius: 0px 20px;
	
	text-align: center;
	
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	
	-moz-transition: .20s ease-in-out 0s;
	-webkit-transition: .20s ease-in-out 0s;
	
}
.fancyBox img       /*http://ajaxian.com/archives/tip-using-a-background-image-on-an-image*/
{
    position: absolute;
    
    display: block;
    padding: 100px 100px;
	
	z-index: -99;
    
    background-size: cover;
    background-repeat: no-repeat;
	background-position: center center;
}

.expLef
{
    width: 400px !important;
    text-align: right;
    margin-left: -170px;
	margin-right: 0px !important;
}
.expLef .shortDesc
{
    left: 100%;
    
    /*-moz-transition: left 0.65s ease-out 0s;
	-moz-transition-timing-function: cubic-bezier(0.5,1.4,0.45,1.3);
	-webkit-transition: top 0.65s ease-out 0s;
	-webkit-transition-timing-function: cubic-bezier(0.5,1.4,0.45,1.3);*/
}


.fancyBox:hover
{
	width: 400px;
	z-index: 50;
	/*background-size: auto auto;
	background-position: left;*/
}

.fancyBox h1
{
	width: 200px;
	text-align: center;
	font-size: 28px !important;
	
	position: absolute;
	top: 10%;
	opacity: 0;/**/
	/*-moz-transition: top 0.50s ease-out .3s;/**/
	-moz-transition: opacity 0.50s ease-out .3s;/**/
	-moz-transition-timing-function: cubic-bezier(0.5,1.4,0.45,1.3);
	
	/*-webkit-transition: top 0.50s ease-out .3s;/**/
	-webkit-transition: opacity 0.50s ease-out .3s;/**/
	-webkit-transition-timing-function: cubic-bezier(0.5,1.4,0.45,1.3);
	
}

.fancyBox:hover h1
{
	top: 10%;
	opacity: 1;
}
.fancyBox:hover .shortDesc
{
	left: 50%;
    opacity: 1;
}

.shortDesc
{
	width: 200px;
	height: 200px;
	
	position: absolute;
	left: 0%;
	text-decoration: none;
    
    z-index: -999;
	opacity: 0;
	
	overflow: hidden;
	
	-moz-transition: left 0.50s ease-out 0s;
	-moz-transition-timing-function: cubic-bezier(0.5,1.4,0.45,1.3);
	-webkit-transition: left 0.50s ease-out 0s;
	-webkit-transition-timing-function: cubic-bezier(0.5,1.4,0.45,1.3);	
}

.overlay
{
	width: 100%;
	height: 100%;
	
	/*float: right;*/
	margin: 0 auto;
	
	-moz-transition: .20s ease-in-out;
	-webkit-transition: .20s ease-in-out;
}

